.control {
  position: absolute;
  top: 30px;
  left: 30px;
  display: flex;
  justify-content: flex-start;
  z-index: 199;
}

.l_1 {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  cursor: pointer;
  overflow: hidden;
  /*background-color: #fff;*/
}

.b1 {
  height: 30px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.t_1 {
  width: 33%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t_2 {
  width: 33%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 33.333%;
}

.t_3 {
  width: 33%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 66.6666%;
}

.z_1 {
  position: absolute;
  top: 70px;
  left: 30px;
  z-index: 99999999;
}

.lx {
  width: 12px;
  height: 12px;
  margin-left: 9px;
  background-color: #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* IE 9 */
  -moz-transform: rotate(45deg); /* Firefox */
  -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
  -o-transform: rotate(45deg); /* Opera */
}

.fx {
  padding: 20px 20px 0 20px;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 4px;
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  overflow: hidden;
}

.z_2 {
  position: absolute;
  top: 70px;
  left: 80px;
  z-index: 99999999;
}

.z_3 {
  position: absolute;
  top: 70px;
  left: 130px;
  z-index: 99999999;
}

.z_4 {
  position: absolute;
  top: 70px;
  left: 180px;
  z-index: 99999999;
}

.z_5 {
  position: absolute;
  top: 70px;
  left: 230px;
  z-index: 99999999;
}

.ol-popup {
  padding: .15rem;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0;
  background-color: #fff;
  position: absolute;
  bottom: 12px;
  right: -50px;
  /*overflow: hidden;*/
}

.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  right: 48px;
  margin-left: -10px;
}

.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  right: 48px;
  margin-left: -11px;
}

.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}

.ol-popup-closer:after {
  content: "✖";
}

#popup-content {
  margin-top: 10px;
  overflow: hidden;
}

#popup-content .l_t {
  width: 2.5rem;
  line-height: .35rem;
}

#popup-content .l_t > span {
  display: block;
  width: 100%;
  overflow: hidden;
}

#popup-content .mapImgBox {
  width: 5.75rem;
  height: 3.88rem;
  overflow: hidden;
}

#popup-content .mapImgBox img {
  width: 100%;
  height: 100%;
}

#popup-content .mapImgBox video {
  width: 100%;
  height: 100%;
}

.isshowdetails {
  margin-top: .1rem;
  display: flex;
  justify-content: center;
}

.isshowdetailsbtn {
  width: .88rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  display: inline-block;
  border-radius: .2rem;
  background-color: #00CC46;
  color: #FFFFFF;
  font-size: .14rem;
  border: 1px solid #E4E7ED;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

/*#popup-content > div {*/
/*height: 100%;*/
/*}*/

/*#popup-content > div:nth-child(1) {*/
/*width: 4rem;*/
/*}*/

/*#popup-content > div:nth-child(2) {*/
/*width: 3.6rem;*/
/*height: 6rem;*/
/*!*height: 100%;*!*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*overflow: hidden;*/
/*}*/

/*#popup-content .l_t > span {*/
/*display: inline-block;*/
/*height: .4rem;*/
/*line-height: .4rem;*/
/*width: 47%;*/
/*margin-right: 2%;*/
/*text-align: left;*/
/*overflow: hidden;*/
/*}*/

/*#popup-content .l_p > img {*/
/*max-height: 100%;*/
/*!*margin-left: -50%;*!*/
/*!*width: 100%;*!*/
/*}*/
